{{! Services' cards use the same classes ("requires": ["service"]). The box is a column's (ADR 0031); the icon an Icon element's; or a number (ADR 0043: steps); side by side, and a link shown as an arrow in the corner (ADR 0049). }}
<article {{@attrs}}>{{^marker}}{{#icon}}<span class="sv-service__icon sv-icon sv-icon--size-{{iconSize}}" aria-hidden="true">{{#iconCircle}}<span class="sv-icon__circle">{{/iconCircle}}<span class="sv-icon__glyph sv-glyph-{{icon}}"></span>{{#iconCircle}}</span>{{/iconCircle}}</span>{{/icon}}{{/marker}}{{#marker}}<span class="sv-service__number sv-service__number--size-{{iconSize}}{{#iconCircle}} sv-service__number--circle{{/iconCircle}}"{{@edit number}}>{{number}}</span>{{/marker}}<h3 class="sv-service__title"{{@edit title}}>{{{title}}}</h3>{{#description}}<p class="sv-service__text"{{@edit description}}>{{description}}</p>{{/description}}{{#link.url}}{{#linkStyle}}<span class="sv-image__arrow sv-service__arrow" aria-hidden="true"></span><a class="sv-service__link sv-service__link--card sv-service__link--silent" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-service__sr">{{{title}}}</span></a>{{/linkStyle}}{{^linkStyle}}{{#linkLabel}}<a class="sv-service__link{{#linkCard}} sv-service__link--card{{/linkCard}}" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}{{@edit linkLabel}}>{{linkLabel}}</a>{{/linkLabel}}{{^linkLabel}}{{#linkCard}}<a class="sv-service__link sv-service__link--card sv-service__link--silent" href="{{link.url}}"{{#link.newTab}} target="_blank" rel="noopener noreferrer"{{/link.newTab}}><span class="sv-service__sr">{{{title}}}</span></a>{{/linkCard}}{{/linkLabel}}{{/linkStyle}}{{/link.url}}</article>